<template>
  <div class="lujingcuowu">
    <img
      src="https://ts1.cn.mm.bing.net/th/id/R-C.a034b92cdb859f4e89506408b2a8b9f0?rik=j77kSdoYljxkIA&riu=http%3a%2f%2fn.sinaimg.cn%2fsinacn20116%2f444%2fw1024h1820%2f20190731%2f58e0-iaqfzyv3588470.jpg&ehk=5Z4CYtX1UbS3zx1dLeoJ3FFFW4XpNvF%2frm%2fugm70woQ%3d&risl=&pid=ImgRaw&r=0"
      alt="">
    <div class="d1">404</div>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <div class="d2">路径错误哦</div>
  </div>
</template>
  
<script setup>
</script>
  
<style scoped>
.lujingcuowu{
  position: relative;
  width: 100%;
}
.lujingcuowu img {
  width: 100%;
}

.lujingcuowu div {
  font-size: 30px;
  color: pink;
  position: absolute;
}
.lujingcuowu .d1{
  top: 0;
  left: 170px;
}
.lujingcuowu .d2{
  right: 100px;
  top: 400px;
}
</style>